

$(function(){
	
	//1、全局token开始
	var url =  window.parent.parent.location.href;
	var token = url.split("token")[1];
	token=token.slice(1);
	console.log("delay.html的token="+token);
	//1、全局token结束
	
	//2、解析出上下文逻辑开始
	var context = getRootPath();
	console.log("context="+context);
	//2、解析出上下文逻辑结束
	
	
	//全局变量
	var pageNumber=1;
	var pageSize=5;
	function getUrl(){
		//var pageNumber=vue.pageNumber;
		//var pageSize=vue.pageSize;
		var url=context+'delay/list';
		console.log("请求分页数据url="+url);
		return url;
	}
	
		// 学生列表开始
	var studentVue = new Vue({
		el:"#userNameToAdd",
		data:{
			students:[],
		},
		methods:{
			getStudentList:function(){
				var data={
					
					token:token
				}
				
				var url=getRootPath()+'delay/showStudent';
				var callback=function(dataR){
					var code=dataR.code;
					if(code==200){
						
						studentVue.students=dataR.data;
						
						
					}
					
				};
				send(url,data,callback);
			},
		},
	});

	var delayUpdateVue = new Vue({
		el:"#userNameToUpdate",
		data:{
			students:[],
		},
		methods:{
			getStudentList:function(){
				var data={
					
					token:token
				}
				
				var url=getRootPath()+'delay/showStudent';
				var callback=function(dataR){
					var code=dataR.code;
					if(code==200){
						
						delayUpdateVue.students=dataR.data;
						
						
					}
					
				};
				send(url,data,callback);
			},
		},
	});
	// 学生列表结束
	
	//3、角色分页列表页面开始
	var vue =new Vue({
		el:'#delayListTable',
		data:{
			delays:[],
			// pageNumber 第几页
			pageNumber:pageNumber,
			
			// pageSize   1页多少条
			pageSize:pageSize,
			
			// totalPage 共多少页
			totalPage:0,
			
			// totalCounter 一共多少条记录
			totalCounter:0
		},
		methods:{
			//拿到角色分页列表的数据
			getDelayListPage:function(pageNumber,pageSize){
				var sendData = {
					token:token,
					pageNumber:pageNumber,
					pageSize:pageSize
				}
				axios.post(getUrl(),sendData).then(function(dataR){
					console.log(dataR);
					var code =dataR.data.code;
					
					var data=dataR.data.data;
					var delayList=data.delayList;
					
					var pageNumber=data.pageNumber;
					var totalCounter=data.totalCounter;
					var totalPage=data.totalPage;
					
					vue.delays=delayList;
					vue.pageNumber=pageNumber;
					vue.totalCounter=totalCounter;
					vue.totalPage=totalPage;
					
				});
				
			},
			tableUpdateDelayButton:function(index){
				delayUpdateVue.getStudentList();
				console.log("index="+index);
				
				var delay = this.delays[index];
				console.log(delay);
				
				var id =delay.id;
				var userId=delay.userId;
				var delayDate=delay.delayDate;
				//1.1：填充表格
				$('p[name="updateDelayId"]').text(id);
				$('input[name="updateDelayId"]').val(id);
				$("#userNameToUpdate").val(userId);;
				
				$('input[name="updateDelayDate"]').val(delayDate);
				
				//1.2：打开模态框
				$('#updateDelayModal').modal({
					backdrop:"static",
				});
			}
		}
	});
	vue.getDelayListPage(pageNumber,pageSize);
	//3、角色分页列表页面结束
	

	//打开新增角色模块框 开始-------------------------------------------------
	$('#addDelayButton').click(function(){
		
		//1.1：清除历史数据
		$("#userNameToAdd").val('0');
		$('input[name="addDelayDate"]').val('');
		
		//1.2：打开模态框
		$('#addDelayModal').modal({
			backdrop:"static",
		});
		studentVue.getStudentList();
	});
	//打开新增角色模块框 结束-------------------------------------------------
	
	 
	
	//单击新增角色模块框中的保存按钮 开始-------------------------------------- 
	$('#saveDelayButton').click(function(){
		
		//2.1:收集表单数据并向后台发送请求
		var userId=$("#userNameToAdd").val();
		var delayDate=$("input[name='addDelayDate']").val();
		var data={
			userId:userId,
			delayDate:delayDate,
			token:token
		}
		
		var url=getRootPath()+'delay/add';
		var callback=function(dataR){
			var code=dataR.code;
			if(code==200){
				
				/* var delay=dataR.data;
				var userName=delay.userName;
				console.log("userName="+userName); */
				
				//2.2:关闭模态框
				$('#addDelayModal').modal('hide');
				
				//2.3:刷新刷新页面数据
				vue.getDelayListPage(1,pageSize);
				
			}else{
				$('#errorModal').modal({
					'backdrop':'static',
				});
			}
			
		};
		send(url,data,callback);
	}); 
	//单击新增角色模块框中的保存按钮 结束-------------------------------------- 
	
	
	//单击编辑角色模块框中的保存按钮 开始-------------------------------------- 
	$('#modalUpdateDelayButton').click(function(){
		
		//2.1:收集表单数据并向后台发送请求
		var id=$("input[name='updateDelayId']").val();
		var userId=$("#userNameToUpdate").val();
		var delayDate=$("input[name='updateDelayDate']").val();
		var data={
			id:id,
			userId:userId,
			delayDate:delayDate,
			token:token
		}
		
		var url=getRootPath()+'delay/update';
		var callback=function(dataR){
			var code=dataR.code;
			if(code==200){
				//2.2:关闭修改模态框
				$('#updateDelayModal').modal('hide');
				
				//2.3:刷新刷新页面数据
				vue.getDelayListPage(1,pageSize);
				
			}else{
				$('#errorModal').modal({
					'backdrop':'static',
				});
			}
			
		};
		send(url,data,callback);
	});
	//单击编辑角色模块框中的保存按钮 结束-------------------------------------- 
	
	//全选功能开始
	$('#selectAllDelay').click(function(){
		$('.check-delay').prop('checked',$(this).prop('checked'));
	});
	
	//表格中的复选框
	$(document).on('click','.check-delay',function(){
		var flag= $('.check-delay:checked').length==$('.check-delay').length;
		$('#selectAllDelay').prop('checked',flag);
	});
	
	//批量删除的逻辑开始-------------------
	$('#deleteDelayButton').click(function(){
		
		//1 找到选择的复选框
		var cks = $('input[type=checkbox][class="check-delay"]:checked');
		console.log(cks.length);
		
		//2 拿到值 
		var ids=[];
		cks.each(function(){
			var id= parseInt($(this).val());
			ids.push(id);
		});
		console.log(ids);
		
		//把原来的选中状态清除
		$('.check-delay').prop('checked',false);
		
		
		//3 往后台发送数据
		var data={
			ids:ids
		}
		
		var url=getRootPath()+'delay/delete';
		var callback=function(dataR){
			var code=dataR.code;
			if(code==200){
				//刷新刷新页面数据
				vue.getDelayListPage(1,pageSize);
				
			}
			
		};
		send(url,data,callback);
		
	});
	//批量删除的逻辑结束-------------------
	
	
	//3、下1页
	$('#nextPage').click(function(){
		if(vue.pageNumber<vue.totalPage){
			vue.pageNumber=vue.pageNumber+1;
			vue.getDelayListPage(vue.pageNumber,vue.pageSize);
		}
	});
	//3、下1页
	
	//3、最后1页
	$('#lastPage').click(function(){
		if(vue.pageNumber<vue.totalPage){
			vue.getDelayListPage(vue.totalPage,vue.pageSize);
		}
	});
	//3、最后
	
	//4、上1页
	$('#prePage').click(function(){
		if(vue.pageNumber>=2){
			vue.pageNumber=vue.pageNumber-1;
			vue.getDelayListPage(vue.pageNumber,vue.pageSize);
		}
	});
	
	//5、第1页
	$('#firstPage').click(function(){
		vue.getDelayListPage(1,vue.pageSize);
	});
	
});
